<!doctype html>
<!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="">
<![endif]-->
<!--[if IE 7]>
<html class="no-js lt-ie9 lt-ie8" lang="">
<![endif]-->
<!--[if IE 8]>
<html class="no-js lt-ie9" lang="">
<![endif]-->
<!--[if gt IE 8]><!-->
<html  lang="zh">
<!--<![endif]-->

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!--====== USEFULL META ======-->
<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<![endif]-->
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--====== TITLE TAG ======-->
<title>注册</title>
<link rel="shortcut icon" type="image/ico" href="images/favicon.png" />
<!--====== STYLESHEETS ======-->
<link rel="stylesheet" href="css/font-awesome-min.css">
<link rel="stylesheet" href="css/bootstrap-min.css">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/lity.css">
<link rel="stylesheet" href="css/slick-nav.css">
<link rel="stylesheet" href="css/slick-slider.css">
<link rel="stylesheet" href="css/theme.css">
<!--====== MAIN STYLESHEET ======-->
<link href="../static/style.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<script src="js/vendor/modernizr.js"></script>

<!--[if lt IE 9]>
<script src="/oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="/oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>

<body data-spy="scroll" data-target=".mainmenu-area" data-offset="50">
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->

<!-- Page cursor -->
<div class='cursor' id="cursor"></div>
<div class='cursor2' id="cursor2"></div>
<div class='cursor3' id="cursor3"></div>
<!-- Preloader-Content -->
<div class="preloader">
	<img src="images/preloader.gif" alt="preloader">
</div>
<!-- Popup-Search-Form -->

<!-- Popup-Search-Form-End -->
<!-- Full-Wrapper-Start -->
<div class="full-wrapper">
	<!-- Mainmenu-Area-Start -->
	<div class="mainmenu-area" data-spy="affix" data-offset-top="205">
		<div class="mainmenu-row container ">
			<!-- Site-Logo-Start -->
			<div class="site-logo">
				<!-- Text-Logo-Markup -->
				<h2 class="logo-text"><a href="index.html">Bi Jia Wang</a></h2>
				<!-- Image-Logo-Markup -->
				<!-- <a href="#" class="logo-image">
			  <img src="logo.png" alt="">
			  </a> -->
			</div>
			<!-- Site-Logo-End -->
			<div class="menu-right">
				<!-- Primary-Menu-Start -->
				<nav class="primary-menu" id="mainmenu">
					<ul class="navbar-nav">
						<li class="menu-home"><a class="nav-link" href="index.html">首页</a></li>
						<li><a class="nav-link" href="#blog-section">xxx，个人中心</a>
							<ul class="sub-menu">
								<li><a href="#">历史记录</a></li>
								<li><a href="#">收藏夹</a></li>
								<li><a href="#">注销</a></li>
							</ul>
						</li>
					</ul>
				</nav>
				<!-- Primary-Menu-End -->
				<!-- Search-Form-Tigger-Button -->
				
				<!-- Mobile-Menu-Tigger-Button -->
				<div class="toggle-menu">
					<button type="button" class="navi-trigger">
			  <span class="bar"></span>
			  <span class="bar"></span>
			  <span class="bar"></span>
			  
			  </button>
				</div>
			</div>
		</div>
	</div>
	
	<form class="form-signin1" id="test11" action="login.html">
			<h1 class="h2">注  册</h1>
			<p>手机号：</p>
			<input type=""  id="phone" class="form-control" required=""   autofocus="" pattern="[0-9]{11,11}" title="手机号应为11位的数字">
			<span id="phone1"></span>
			<p>密码：</p>
			<input type="password" class="form-control"   id="ipwd">
			<span id="msg_pwd1"></span>
			<p>确认密码：</p>
			<input type="password"  class="form-control"   id="i2pwd" >
			<span id="msg_pwd2"></span>
			<p>邮箱：</p>
			<input type="email"  class="form-control"  required="">
			   已有账号？点击<a href="login.html">登录！</a>
			<button class="btn btn-lg btn-primary btn-block" type="submit" id="btn_register">注 册</button>
		
	</form>


	
	<footer class="footer-area rboom">
		
		<div class="footer-bottom">
			<div class="container">
				<div class="row">
					<div class="col-lg-6 offset-lg-3 text-center">
						<div class="copyright">
							<p>Copyright &copy; 2020. Bi Jia Wang All rights reserved.</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</footer>
</div>
<!-- Full-Wrapper-End -->
<!--=======  SCRIPTS =======-->
<script src="js/vendor/jquery-min.js"></script>
<!--=======  PLUGINS =======-->
<script src="js/popper-min.js"></script>
<script src="js/bootstrap-min.js"></script>
<script src="js/lity-min.js"></script>
<script src="js/slick-slider-min.js"></script>
<script src="js/slick-nav.js"></script>
<script src="js/wow-min.js"></script>
<script src="js/ajaxchimp.js"></script>
<!--=======  ACTIVE JS =======-->
<script src="js/script.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	
	$("#ipwd").blur(test1);
	$("#i2pwd").blur(test2);
	$("#i2pwd").blur(password);
	$("#test11").submit(checkxinxi);
	
	
	function test1(){
		var wd1 = $("#ipwd").val();
		if(wd1.length == 0){
			$("#msg_pwd1").html("<font color='red'>密码不能为空</font>");
			return false;
		}else{
			$("#msg_pwd1").html("");
			return true;
		}
	}

	function test2(){
		var wd2 = $("#i2pwd").val();
		if(wd2.length == 0){
			$("#msg_pwd2").html("<font color='red'>密码不能为空</font>");
			return false;
		}
		else{
			$("#msg_pwd2").html("");
			return true;
		}
	}
	
	function password(){
		var wd1 = $("#ipwd").val();
		var wd2 = $("#i2pwd").val();
		if(wd1 != wd2){
			$("#msg_pwd2").html("<font color='red'>密码不一致</font>");
			return false;
		}else{
			$("#msg_pwd2").html("");
			return true;
		}
	}
	
	function checkxinxi(){
		if(password() && test1() && test2()){
			return true;
		}else{
			alert("输入正确的信息");
			return false;
		}
	}
	
	

});


</script>
</body>

</html>
